<div class="page-heading">
    <form class="form-horizontal" role="form">
        <div class="form-group">
            <div class="col-md-3 col-sm-12 col-xs-12 form-group">
                <label class="col-lg-3 col-sm-4 control-label">影片名称:</label>
                <div class="col-lg-9">
                    <select class="form-control" ng-model="filmCode" id="filmCode">
                        <option value="">全部</option>
                        <option ng-repeat="value in filmList" value="{{value.filmCode}}">{{value.name}}</option>
                    </select>
                </div>
            </div>

            <div class="col-md-3 col-sm-12 col-xs-12 form-group">
                <label class="col-lg-3 col-sm-4 control-label">发布状态:</label>
                <div class="col-lg-9">
                    <select class="form-control" ng-model="releaseType" id="releaseType">
                        <option value="">全部</option>
                        <option value="0">下架</option>
                        <option value="1">未发布</option>
                        <option value="2">已发布</option>
                    </select>
                </div>
            </div>

            <div class="col-md-4 col-sm-12 col-xs-12 form-group">
                <label class="col-lg-4 col-sm-4 control-label">上映日期:</label>
                <div class="col-lg-4">
                    <input type="text" id="releaseStartTime"
                           onfocus="WdatePicker({errDealMode:1,el:'releaseStartTime',dateFmt:'yyyy-MM-dd'})"
                           class="form-control" placeholder="开始时间" value=""/>
                </div>
                <div class="col-lg-4">
                    <input type="text" id="releaseEndTime"
                           onfocus="WdatePicker({errDealMode:1,el:'releaseEndTime',dateFmt:'yyyy-MM-dd'})"
                           class="form-control" placeholder="结束时间" value=""/>
                </div>
            </div>

            <div class="col-md-2 col-sm-12 col-xs-12 form-group">
                <input name="" type="button" ng-click="accountRecordDraw()" class="btn btn-info" value="查询"/>
            </div>
        </div>
    </form>
</div>

<div class="wrapper">
    <div class="row">
        <div class="col-sm-12">
            <section class="panel panel-body ">
                <table class="table table-striped responsive-utilities jambo_table" id="filmTable">
                    <thead>
                    <tr>
                        <th>影片名称</th>
                        <th>语言</th>
                        <th>片长</th>
                        <th>影片版本</th>
                        <th>影片维度</th>
                        <th>上映日期</th>
                        <th>状态</th>
                        <th>发布时间</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </section>
        </div>
    </div>
</div>

<!-- /modal -->
<div class="modal fade" id="showDetail" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="width: 1100px">
        <div class="modal-content" id="filmDetailInfo">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title">
                    影片详情
                </h4>
            </div>
            <div class="modal-body" style="overflow-y:scroll;">
                <h4>基本信息：</h4>
                <div class="filmBasic clearfix">
                    <dl class="clearfix">
                        <dt>影片名称：</dt>
                        <dd>{{filmDetail.name}}</dd>
                    </dl>
                    <dl class="clearfix">
                        <dt>影片编码：</dt>
                        <dd>{{filmDetail.filmCode}}</dd>
                    </dl>
                    <dl class="clearfix">
                        <dt>中文简称：</dt>
                        <dd>{{filmDetail.shortName}}</dd>
                    </dl>
                    <dl class="clearfix">
                        <dt>影片语言：</dt>
                        <dd>{{filmDetail.language}}</dd>
                    </dl>
                    <dl class="clearfix">
                        <dt>影片时长：</dt>
                        <dd>{{filmDetail.duration}}分钟</dd>
                    </dl>
                    <dl class="clearfix">
                        <dt>影片版本：</dt>
                        <dd>{{filmDetail.size}}</dd>
                    </dl>
                    <dl class="clearfix">
                        <dt>影片维度：</dt>
                        <dd>{{filmDetail.dimensional}}</dd>
                    </dl>
                </div>
                <h4>发行详情：</h4>
                <div class="filmBasic clearfix">
                    <dl class="clearfix">
                        <dt>影片类型：</dt>
                        <dd><input type="text" ng-model="filmType" id="filmType" class="textIn"/></dd>
                    </dl>
                    <dl class="clearfix">
                        <dt>上映日期：</dt>
                        <dd><input type="text" id="showTime"
                                   onfocus="WdatePicker({errDealMode:1,el:'showTime',dateFmt:'yyyy-MM-dd'})"
                                   class="textIn" placeholder="选择日期" value=""/>
                        </dd>
                    </dl>
                    <dl class="clearfix">
                        <dt>发行国家：</dt>
                        <dd><input type="text" ng-model="country" id="country" class="textIn"/></dd>
                    </dl>
                    <dl class="clearfix">
                        <dt>发行公司：</dt>
                        <dd><input type="text" ng-model="releaseCompany" id="releaseCompany" class="textIn"/></dd>
                    </dl>
                    <dl class="clearfix">
                        <dt>影片评分：</dt>
                        <dd><input type="text" ng-model="filmScore" id="filmScore" class="textIn"/></dd>
                    </dl>
                    <dl class="clearfix wd">
                        <dt>影片简介：</dt>
                        <dd><textarea ng-model="introduction" id="introduction"></textarea></dd>
                    </dl>
                </div>
                <h4>主创团队</h4>
                <div class="filmBasic clearfix">
                    <div class="directorInfo">
                        <dl class="clearfix wd">
                            <dt>导演：</dt>
                            <dd>
                                <input type="text" ng-model="director" id="director" class="textIn"/>
                            </dd>
                        </dl>
                        <dl class="clearfix wd">
                            <dt>导演照片：</dt>
                            <dd>
                                <div class="fileupload-new thumbnail">
                                    <input name="imgUpload1" type="text" class="imgInput"/>
                                    <img id="imgUpload1" class="imgUpload"
                                         src="{{filmDetail.directorPicture | showPicDepository}}" alt="">
                                </div>
                            </dd>
                        </dl>
                    </div>
                    <div class="directorInfo">
                        <dl class="clearfix wd">
                            <dt>演员：</dt>
                            <dd>
                                <button class='btn btn-success btn-xs' ng-click="addActor()"> 新增</button>
                                <table class="table table-striped responsive-utilities jambo_table">
                                    <thead>
                                    <tr>
                                        <th>序号</th>
                                        <th>演员</th>
                                        <th>角色</th>
                                        <th>照片</th>
                                        <th>备注</th>
                                        <th>操作</th>
                                    </tr>
                                    </thead>
                                    <tbody id="actorList">
                                    <tr ng-repeat="value in actorList" val="{{value.actorId}}">
                                        <td><input type="text" value="{{value.orderId}}" class="orderNum textIn"/></td>
                                        <td><input type="text" value="{{value.roleName}}" class="actorInfo textIn"/>
                                        </td>
                                        <td><input type="text" value="{{value.role}}" class="roleInfo textIn"/></td>
                                        <td>
                                            <div class="fileupload-new thumbnail">
                                                <input name="actorUpload{{value.actorId}}" type="text"
                                                       class="imgInput"/>
                                                <img id="actorUploadd{{value.actorId}}" class="imgUpload"
                                                     src="{{value.roleUrl | showPicDepository}}" alt="">
                                            </div>
                                        </td>
                                        <td><input type="text" value="{{value.message}}" class="markInfo textIn"/></td>
                                        <td>
                                            <button class='btn btn-info btn-xs'
                                                    ng-click="detailEach(value.actorId,$index)"> 删除
                                            </button>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </dd>
                        </dl>
                    </div>

                </div>

                <h4>剧照/海报</h4>
                <div class="filmBasic">

                    <div class="directorInfo">
                        <dl class="clearfix wd">
                            <dt>背景海报：</dt>
                            <dd>
                                <div class="fileupload-new thumbnail">
                                    <input name="poster" type="text" class="imgInput"/>
                                    <img id="poster" class="imgUpload" src="{{filmDetail.poster | showPicDepository}}"
                                         alt="">
                                </div>
                            </dd>
                        </dl>
                        <dl class="clearfix wd">
                            <dt>列表海报：</dt>
                            <dd>
                                <div class="fileupload-new thumbnail">
                                    <input name="bigPoster" type="text" class="imgInput"/>
                                    <img id="bigPoster" class="imgUpload"
                                         src="{{filmDetail.bigPoster | showPicDepository}}" alt="">
                                </div>
                            </dd>
                        </dl>
                        <dl class="clearfix wd">
                            <dt>剧照：</dt>
                            <dd>
                                <button class='btn btn-success btn-xs' ng-click="addStage()"> 新增</button>
                                <div class="filmImg clearfix" id="stageMain">
                                    <div ng-repeat="value in stageList" class="fileupload-new thumbnail"
                                         val="{{value.pictureId}}">
                                        <input name="stagePhoto{{value.pictureId}}" type="text" class="imgInput"/>
                                        <img id="stagePhoto{{value.pictureId}}" class="imgUpload"
                                             src="{{value.pictureUrl | showPicDepository}}" alt="">
                                        <button class='btn btn-info btn-xs'
                                                ng-click="detailStage(value.pictureId,$index)"> 删除
                                        </button>
                                    </div>
                                </div>
                            </dd>
                        </dl>
                    </div>


                </div>


                <div class="form-group">
                    <div class="col-lg-offset-2 col-lg-10" id="companyDepositoryErrorMsg"></div>
                </div>
                <div style="text-align:center; padding-top:20px;">
                    <input name="" type="button" ng-click="updateDetail(filmDetail.filmCode)" class="btn btn-info"
                           value="保存信息"/>
                </div>
            </div>
        </div><!-- /.modal-content -->
    </div>
</div>
<!-- /modal -->
<script type="text/javascript" src="/js/pluploadjs/plupload.full.min.js"></script>

<script src="../myJs/film.js"></script>

